<template>
  <div>
    <TypeNav/>
    <ListContainer/>
    <TodayRecommend/>
    <Rank/>
    <Like/>
    <Floor v-for="floor in floorsList" :key="floor.id" :floor="floor" :id="floor.id" />
    <Brand/>
  </div>
</template>

<script>
// import TypeNav from '../../components/TypeNav'
import ListContainer from './ListContainer/index.vue'
import TodayRecommend from './TodayRecommend/index.vue'
import Rank from './Rank/index.vue'
import Like from './Like/index.vue'
import Floor from './Floor/index.vue'
import Brand from './Brand/index.vue'
import {mapState} from 'vuex'
export default {
  name:"HomePage",
  components:{
    // TypeNav,
    ListContainer,
    TodayRecommend,
    Rank,
    Brand,
    Like,
    Floor
  },
  mounted(){
    this.$store.dispatch('home/getFloorsListData')
  },
  computed:{
    ...mapState('home',['floorsList'])
  }
}
</script>

<style>

</style>